<template>
  <div class="socket_settings">
    <transition name="fade">
      <Environment v-if="!envChecked"></Environment>
    </transition>
  </div>
</template>

<script>
export default {
  name: 'SocketSettings',
  components: {
    Environment: () => import('./Environment.vue')
  },
  data () {
    return {
      envChecked: false
    }
  }
}
</script>

<style lang="less" scoped>
.socket_settings {
  position: relative;
  width: 100%;
  height: 100%;
}
</style>